<ul nz-menu [nzMode]="'inline'" class="nz-menu" [style.width]="width">
    <li nz-submenu [(nzOpen)]="openMap.sub1" (nzOpenChange)="openHandler('sub1')">
        <span title><i nz-icon type="mail"></i> Navigation One</span>
        <ul>
            <li nz-menu-group>
                <span title>Item 1</span>
                <ul>
                    <li nz-menu-item>Option 1</li>
                    <li nz-menu-item>Option 2</li>
                </ul>
            </li>
            <li nz-menu-group>
                <span title>Item 2</span>
                <ul>
                    <li nz-menu-item>Option 3</li>
                    <li nz-menu-item>Option 4</li>
                </ul>
            </li>
        </ul>
    </li>
    <li nz-submenu [(nzOpen)]="openMap.sub2" (nzOpenChange)="openHandler('sub2')">
        <span title><i nz-icon type="appstore"></i> Navigation Two</span>
        <ul>
            <li nz-menu-item>Option 5</li>
            <li nz-menu-item>Option 6</li>
            <li nz-submenu>
                <span title>Submenu</span>
                <ul>
                    <li nz-menu-item>Option 7</li>
                    <li nz-menu-item>Option 8</li>
                </ul>
            </li>
        </ul>
    </li>
    <li nz-submenu [(nzOpen)]="openMap.sub3" (nzOpenChange)="openHandler('sub3')">
        <span title><i nz-icon type="setting"></i> Navigation Three</span>
        <ul>
            <li nz-menu-item>Option 9</li>
            <li nz-menu-item>Option 10</li>
            <li nz-menu-item>Option 11</li>
        </ul>
    </li>
</ul>
